Gabriel Fonseca 333
 Público
0/140
30.0 segundos
Sigue creando clips después del anuncio
No puedes crear clips mientras se reproduce un anuncio
Responsive Personal Portfolio Website Using HTML CSS & JavaScript
2,5 KMe gusta
108.952Visualizaciones
1 ago2023
Responsive portfolio website, Portfolio website html css, Responsive portfolio website html css javascript, Portfolio website, Responsive personal portfolio website 🔔 Subscribe Now!    / @bedimcode   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - ❤ Get source code https://www.buymeacoffee.com/bedimcod... 💙 Get source code by PayPal https://ko-fi.com/s/9f940a167d - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 👨‍💻 Develop the project from scratch https://github.com/bedimcode/responsi... 👆 Download (files + images) - Click on the GitHub link - Click the green button (code) - Click Download ZIP 🔗 Resources Icons: https://remixicon.com/ CDN Icons: https://cdnjs.com/libraries/remixicon Fonts: https://fonts.google.com/ JS Functions: https://github.com/bedimcode/responsi... EmailJs: https://www.emailjs.com/ ScrollReveal: https://scrollrevealjs.org/ Netlify: https://www.netlify.com/ Original Images: https://www.freepik.com/ ⌚ Timestamps 0:00 Intro Responsive Portfolio Website 5:18 Project Setup 6:36 Variables CSS 6:48 Reset HTML & Reusable CSS 7:12 Header & Nav 20:48 Section Home 34:06 Add Shadow Header 35:42 Section About 44:35 Buttons 47:05 Section Services 53:35 Section Projects 1:04:00 Section Contact 1:27:26 Send emails 1:35:45 Footer 1:39:00 Scroll Bar 1:40:02 Scroll Up 1:42:53 Scroll Sections Active Link 1:44:40 Dark/Light Theme 1:54:23 Breakpoints 2:28:14 ScrollReveal Animation 2:31:56 Website Deployment (Uploading to the internet) 2:33:32 Final Project - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - ☕️ Support me https://www.buymeacoffee.com/bedimcode https://ko-fi.com/bedimcode 👍 Thanks for watching! Support me with a like + A Subscription! ❤ #responsiveportfolio #portfoliowebsite #bedimcode

Bedimcode

158 K suscriptores

Siguiente:💼 Build & Deploy a Responsive Personal Portfolio Website Design Using HTML CSS & JavaScript
1

Responsive Personal Portfolio Website Using HTML CSS & JavaScript

Bedimcode
▶

Responsive Personal Portfolio Website Using HTML CSS & JavaScript

Bedimcode
3

💼 Build & Deploy a Responsive Personal Portfolio Website Design Using HTML CSS & JavaScript

Bedimcode
4

Responsive Personal Portfolio Website Using HTML CSS & JavaScript

Bedimcode
5

Responsive Personal Portfolio Website Using HTML CSS And JavaScript | Dark/Light Mode

Bedimcode
6

🔥 Create a Responsive Personal Portfolio Website Design Using HTML CSS & JavaScript

Bedimcode
7

💼 Create a Responsive Mini Portfolio Website Design Using HTML CSS & JavaScript

Bedimcode
8

Responsive Personal Complete Portfolio Website HTML CSS And JavaScript | Mobile First

Bedimcode
9

Responsive Personal Complete Portfolio Website HTML CSS And JAVASCRIPT | Mobile First

Bedimcode
10

Responsive Personal Portfolio Website HTML CSS And JAVASCRIPT | Mobile First

Bedimcode
11

RESPONSIVE Personal PORTFOLIO Website HTML CSS And JAVASCRIPT | Mobile First

Bedimcode
12

RESPONSIVE Personal PORTFOLIO Website HTML CSS And JAVASCRIPT | Mobile First

Bedimcode

Responsive Personal Portfolio Website Using HTML CSS & JavaScript

Bedimcode
158 K suscriptores
<__slot-el>
<__slot-el>
108.952 visualizaciones 1 ago 2023 #portfoliowebsite #bedimcode #responsiveportfolio
Responsive portfolio website, Portfolio website html css, Responsive portfolio website html css javascript, Portfolio website, Responsive personal portfolio website 🔔 Subscribe Now!    / @bedimcode   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - ❤ Get source code https://www.buymeacoffee.com/bedimcod... 💙 Get source code by PayPal https://ko-fi.com/s/9f940a167d - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 👨‍💻 Develop the project from scratch https://github.com/bedimcode/responsi... 👆 Download (files + images) - Click on the GitHub link - Click the green button (code) - Click Download ZIP 🔗 Resources Icons: https://remixicon.com/ CDN Icons: https://cdnjs.com/libraries/remixicon Fonts: https://fonts.google.com/ JS Functions: https://github.com/bedimcode/responsi... EmailJs: https://www.emailjs.com/ ScrollReveal: https://scrollrevealjs.org/ Netlify: https://www.netlify.com/ Original Images: https://www.freepik.com/ ⌚ Timestamps 0:00 Intro Responsive Portfolio Website 5:18 Project Setup 6:36 Variables CSS 6:48 Reset HTML & Reusable CSS 7:12 Header & Nav 20:48 Section Home 34:06 Add Shadow Header 35:42 Section About 44:35 Buttons 47:05 Section Services 53:35 Section Projects 1:04:00 Section Contact 1:27:26 Send emails 1:35:45 Footer 1:39:00 Scroll Bar 1:40:02 Scroll Up 1:42:53 Scroll Sections Active Link 1:44:40 Dark/Light Theme 1:54:23 Breakpoints 2:28:14 ScrollReveal Animation 2:31:56 Website Deployment (Uploading to the internet) 2:33:32 Final Project - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - ☕️ Support me https://www.buymeacoffee.com/bedimcode https://ko-fi.com/bedimcode 👍 Thanks for watching! Support me with a like + A Subscription! ❤ #responsiveportfolio #portfoliowebsite #bedimcode

Bedimcode

158 K suscriptores
Mostrar menos

117 comentarios

Desarrollado por vidIQ
Gabriel Fonseca 333
Añade un comentario...
Just finished the project. Bravo, very good site and you explained things well by showing the effect the code was having on the UI without even speaking. Excellent job
Awesome work❤❤❤ I love it so much. Also, can you additionally explain how to create a pop-up window that displays your logo project? For example, you could include a number of scrolling photos of your logo project after you click to open it, similar to the website Behance.
4
Love from India❤. And love your styling method, cleanliness and structure of code as well. Learned alot from you. You are great 👍
Thank you so much, You showed me new things and made me feel like an absolute newbie, especially css
It is really appreciable, and what a wonderful website you made. Keep it up, and we are with you for support.
1
Amazing Portfolio idea! 😁😁
Amazing work, Bedimcode, just had to show my support for providing me with a nice and detail concept I can build from as a newbie, much respect, also let me know if you do any mentoring or tutoring as well, thanks.
1
whyy is there not code in js file in github repo? around 19:00
2
can you help me? In my code, a bug occurs in the animated background in the services area, the code .services__border{top:0; left:0;}. This session makes the orange background stay in the header
Hello Bedimcode! I come from Vietnam. I am a newbie in this web programming industry. Thanks to knowing your channel, my skills have improved a lot. Thank you very much and wish you many good things. P/s: This comment I use google translate so there will be some confusion. Wish you sympathize! ^_^
Great project, thanks! But... the main.js file in github is empty, was it supposed to be empty?
This is really awesome. Bro can u say why there is zooming issue when adding scrollreveal
Hi there quick question , if i want to update exisiting code on vs code , do i have to reupload the file again
Thanks a ton for this! So simple yet effective! You did a tremendous job in employing good coding practices...Everything is correct and works like a charm (at the time of this comment)
I made a really similar design to this the last month, but I struggled to code it haha. thank you very much for this video.
4
These are the kind of projects/videos that will get you loyal subscribers! You just made one out of me now!
1
só esqueceu de deixar o código javascript completo no github o arquivo esta vazio!
There is a problem in project section. '.projects__button ' is called two place thats why right arrow show but project link disappear. Can you please tell whats the reason.....
Really appreciate your work man. Keep it up.
1
When i first open the page from a link i see the Picture for a split second then it flashes and comes in from the side with the reveal animation. Is there a way to hide the page or home section until the reveal animation is loaded?